<template>
	<div class="flex align-center justify-between fc-fff pad-t-10 pad-b-10" @click="clickItem(item)">
		<div class="flex align-center flex-1">
			<div style="flex: 0 0 20px;">
				<van-icon class-prefix="iconfont" :name="item.icon" color="#ffffff" :size="fontSize==1?'18':'20'"/>
			</div>
			<div class="mar-l-5" :style="{fontSize:fontSize==1?'14px':'18px'}">
				{{item.label}}
			</div>
		</div>
		<div class="flex align-center justify-end" style="flex: 0 0 20px;">
			<span class="fs-14" v-if="item.value">{{item.value}}</span>
			<van-icon name="arrow" color="#efefef" size="18"/>
		</div>
	</div>
</template>

<script>
	export default{
		props:['item'],
		data() {
		  return {
		    value: '',
			fontSize:localStorage.getItem('fontSize') || 1
		  };
		},
		methods:{
			clickItem(item) {
				// this.bus.$emit('getAllMember')
				if(item.path){
					this.$router.push(item.path)
				}else{
					this.$emit('clickCell')
				}
			}
		}
	}
</script>

<style>
</style>
